<template>
	<view style="width: 100%;margin: auto;background: #fff;">
		<u-navbar title="" @leftClick="leftClick">
		</u-navbar>
		<view style="margin-top: 45px;background-image: url('/static/images/bg.png');padding: 0;color:#fff">
			<view style="padding: 20px 10px;font-size: 24px;font-weight: bold;">
				保姆级别冬日骑行服穿搭教学，认准这个视频就够了~
			</view>
			<u-row style="padding-bottom: 10px;">
				<u-col span="2" style="padding-left: 10px;">
					<u-avatar :src="src"></u-avatar>
				</u-col>
				<u-col span="10">
					<p>南航骑行俱乐部</p>
					<p>| 2024-01-13 12:00:08</p>
				</u-col>
			</u-row>
		</view>
		<video width="450" src="http://qixing.kenleader.com/demo.mp4" style="width: 100%;">
		</video>
		<view class="u-content">
			<u-parse :content="content"></u-parse>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: `<p>学会冬天正确穿骑行服，零下10度出门骑行都毫无压力！全副武装，迎面寒冬，封车这件事不存在的~</p><br>
					<img src="https://cdn.uviewui.com/uview/swiper/2.jpg" />
				`
			}
		},
		onLoad() {

		},
		methods: {
			navigateBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			rightClick() {
				uni.navigateBack({
					delta: 1
				})
			},
			leftClick() {
				uni.navigateBack({
					delta: 1
				})
			}
		},
	}
</script>


<style lang="scss">
	@import 'index.scss';

	.u-content {
		width: 90%;
		margin: auto;
		padding-top: 30px;
		color: #333;
	}
</style>